﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" style="height:100%">

<head>
    <title>Your Simple Router ;)</title>

    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> 
    <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
    <script type="text/javascript" src="./jquery-1.4.2.min.js"></script>
    <script type="text/javascript" src="./map.js"></script>
    <script type="text/javascript" src="./json.js"></script>
</head>
<body style="height:100%;margin:0">
<script type="text/javascript">
function PathTypeClicked()
{
    GetRoute();
}
    $(document).ready(function () {
        initMap();
//        $("#btn-get-route").click(function () {
//            GetRoute();
//        } 
        $("#path-type-all").click(PathTypeClicked);
        $("#path-type-motor").click(PathTypeClicked);
        $("#path-type-bycicle").click(PathTypeClicked);
        $("#path-type-foot").click(PathTypeClicked);
    }
    );
</script>
<div style="display:none;">
<h1>Карта:</h1>
<button type="button" id="btn-get-route">Маршрут</button>
</div>

<div id="map_canvas" style="height:100%;"></div>

<div style="position:absolute; top:10px; left:100px; background-color:White;">
<div style="text-align:center;">Тип маршрута:<br /></div>
<form action="" id="form-route-type">
  <fieldset>
    <input type="radio" id="path-type-all" checked="checked" name="path-type" value="all"/>
    <label for="path-type-all">Все дороги</label><br />
    <input type="radio" id="path-type-motor" name="path-type" value="motor"/>
    <label for="path-type-motor">Автомобильный</label><br />
    <input type="radio" id="path-type-bycicle" name="path-type" value="bicycle"/>
    <label for="path-type-bycicle">Велосипедный</label><br />
    <input type="radio" id="path-type-foot" name="path-type" value="foot"/>
    <label for="path-type-foot">Пешеходный</label><br />
  </fieldset>
</form> 
</div>

</body>
</html>
